<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<title>消息</title>
<link href="library/wx/css/weuix.min.css" rel="stylesheet" type="text/css"/>
<link href="css/index.css" rel="stylesheet" type="text/css"/>
<script src="library/wx/js/zepto.min.js"></script>
</head>

<body ontouchstart class="page-bg">
<div class="wx-had-content">
    <div class="weui_cells">
        <div class="weui_cell">
            <div class="weui_cell_hd" style="position: relative;margin-right: 10px;">
                <img src="" style="width: 50px;display: block"/>
                <span class="weui-badge" style="position: absolute;top: -.4em;right: -.4em;">8</span>
            </div>
            <div class="weui_cell_bd">
                <p>消息主体</p>
                <p style="font-size: 13px;color: #888888;">摘要信息</p>
            </div>
        </div>
        <div class="weui_cell">
            <div class="weui_cell_hd" style="position: relative;margin-right: 10px;">
                <img src="" style="width: 50px;display: block"/>
                <span class="weui-badge" style="position: absolute;top: -.4em;right: -.4em;">0</span>
            </div>
            <div class="weui_cell_bd">
                <p>消息主体</p>
                <p style="font-size: 13px;color: #888888;">摘要信息</p>
            </div>
        </div>
        <div class="weui_cell">
            <div class="weui_cell_hd" style="position: relative;margin-right: 10px;">
                <img class="circle" src="" style="width: 50px;display: block"/>
                <span class="weui-badge" style="position: absolute;top: -.4em;right: -.4em; display:none;">8</span>
            </div>
            <div class="weui_cell_bd">
                <p>消息主体</p>
                <p style="font-size: 13px;color: #888888;">摘要信息</p>
            </div>
        </div>
    </div>
</div>

</body>
</html>
